/* videoInfo */
<template xlang="wxml">
  <div class="videoInfo">
    <!-- 页面头部 -->
    <div class="header">
      <Video
        src="https://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"
        :controls="true"
        :autoplay="true"
        poster="https://misc.aotu.io/booxood/mobile-video/cover_900x500.jpg"
        initialTime="0"
        id="video"
        :loop="false"
        :muted="false"
        style="width:100%"
      />
    </div>
    <!-- 页面内容 -->
    <!-- 页面底部 -->
    <div class="footer">
      <van-tabs
        :active="active "
        custom-class="van-tabs"
        :sticky="true"
        :offset-top="0"
        color="#1989fa"
      >
        <van-tab title="焦距/光圈" tab-class="van-tab">
          <View class="tab_1">
            <View class="title">焦距</View>
            <van-slider value="50"/>
            <View class="title">光圈</View>
            <van-slider value="50"/>
          </View>
        </van-tab>
        <van-tab title="方向">
          <bar></bar>
        </van-tab>
        <van-tab title="预置位">
          <div style="padding-top:20px">
            <van-row gutter="10">
              <van-col :span="8" v-for="i in 10" :key="i">
                <View class="v_col">
                  <van-button type="default" round size="normal">预置位{{i}}</van-button>
                </View>
              </van-col>
            </van-row>
            <div style="padding:10px">
              <van-button type="primary" block size='normal'>调用</van-button>
            </div>
          </div>
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
import bar from "@/components/bar.vue";
export default {
  components: {
    bar
  },
  data: () => ({
    active: 0
  }),
  methods: {},
  computed: {},
  watch: {}
};
</script>

<style lang="less" scoped>
.tab_1 {
  padding: 20px;
  .title {
    font-size: 14px;
    padding: 20px 0;
  }
}
.v_col {
  text-align: center;
  padding: 5px 0;
}
</style>